<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>漂流书单</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="stylesheet" href="/static/react/css/amazeui.min.css"/>
    <link rel="stylesheet" href="/static/react/css/index.css">
    <script src="/static/react/js/vendor.js"></script>
    <script src="/static/react/js/index.js"></script>
    <script>require('index/initialize');</script>
    <link rel="alternate icon" type="image/png" href="assets/i/favicon.png">

    <style>
        .get {
            background: #1E5B94;
            color: #fff;
            text-align: center;
            padding: 100px 0;
        }

        .get-title {
            font-size: 200%;
            border: 2px solid #fff;
            padding: 5px;
            display: inline-block;
        }

        .get-btn {
            background: #fff;
        }

        .footer p {
            color: #7f8c8d;
            margin: 0;
            padding: 15px 0;
            text-align: center;
            background: #2d3e50;
        }
    </style>
</head>
<body style="background: #e9ecf3 ;">

<header class="am-topbar am-topbar-fixed-top">
    <div id="header"></div>
</header>

<div class="get" style="background-image: url(/static/assets/i/index.jpg); background-size: cover;">
    <div class="am-g">
        <div class="am-u-lg-12">
            <h1 class="get-title">漂流书单</h1>

            <p>
                期待你的参与，共同打造一个书单交流互动的平台
            </p>


        </div>
    </div>
</div>

<div style="padding-left: 10%; padding-right: 10%;">
    <div class="tpl-page-container tpl-page-header-fixed">

        <div id="user"></div>
        <!--div class="tpl-left-nav tpl-left-nav-hover">
            <div class="tpl-left-nav-title">
                相关用户
                <a class="i-load-more-item-shadow" href="#"><i class="am-icon-refresh am-icon-fw"></i>更多</a>
            </div>
            <div class="tpl-left-nav-list">
                <ul class="tpl-left-nav-menu">
                    <li class="tpl-left-nav-item">
                        <a href="index.html" class="nav-link widget-user">
                            <img src="/static/assets/i/user.png" class="img-responsive img-circle" alt="user">
                            <span>XXXX</span>
                        </a>
                    </li>

                    <li class="tpl-left-nav-item">
                        <a href="login.html" class="nav-link widget-user">
                            <img src="/static/assets/i/user02.png" class="img-responsive img-circle" alt="user">
                            <span>XXXX</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div-->

        <div class="tpl-content-wrapper">

            <div class="tpl-portlet-components">
                <div id="root"></div>
                <!--div class="portlet-title">
                    <div class="caption font-green bold">
                        推荐
                    </div>
                    <a class="am-badge am-badge-danger am-round">小清新</a>
                    <a class="am-badge am-badge-danger am-round">文艺范</a>
                    <a class="i-load-more-item-shadow" href="#"><i class="am-icon-refresh am-icon-fw"></i>换一组</a>
                </div>

                <div class="s-content">
                    <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-lg-4 am-avg-md-3 am-gallery-default">
                        <li class="li1">
                            <div class="am-gallery-item am_list_block">
                                <a href="###" class="am_img_bg">
                                    <img src="/static/assets/i/01.jpg"/>
                                </a>

                                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

                            </div>
                            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="/static/assets/i/kj.png"
                                                                                              alt=""></span><span
                                    class="am_imglist_user_font">路见不平Eason吼</span></a>
                        </li>
                    </ul>
                </div-->
            </div>


            <div class="tpl-portlet-components">
                <div id="root2"></div>
                <!--div class="portlet-title">
                    <div class="caption font-green bold">
                        推荐
                    </div>
                    <a class="am-badge am-badge-danger am-round">小清新</a>
                    <a class="am-badge am-badge-danger am-round">文艺范</a>
                    <a class="i-load-more-item-shadow" href="#"><i class="am-icon-refresh am-icon-fw"></i>换一组</a>
                </div>

                <div class="s-content">
                    <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-lg-4 am-avg-md-3 am-gallery-default">
                        <li class="li1">
                            <div class="am-gallery-item am_list_block">
                                <a href="###" class="am_img_bg">
                                    <img src="/static/assets/i/01.jpg"/>
                                </a>

                                <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                                        class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

                            </div>
                            <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="/static/assets/i/kj.png"
                                                                                              alt=""></span><span
                                    class="am_imglist_user_font">路见不平Eason吼</span></a>
                        </li>
                    </ul>
                </div-->

            </div>

        </div>


    </div>

    <!--div class="you-like">
            <div class="s-bar">推荐
            <a class="am-badge am-badge-danger am-round">小清新</a>
            <a class="am-badge am-badge-danger am-round">文艺范</a>
            <a class="i-load-more-item-shadow" href="#"><i class="am-icon-refresh am-icon-fw"></i>换一组</a>
            </div>

        <div class="s-content" style="border-top: 1px solid #E8EEF2;">
            <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-lg-4 am-avg-md-3 am-gallery-default">
                <li style="float: left; width: 25%">
                    <div class="am-gallery-item am_list_block">
                        <a href="###" class="am_img_bg">
                            <img src="/static/assets/i/01.jpg"/>
                        </a>

                        <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                                class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

                    </div>
                    <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="/static/assets/i/kj.png"
                                                                                      alt=""></span><span
                            class="am_imglist_user_font">路见不平Eason吼</span></a>
                </li>

            </ul>
        </div>

    </div>

    <div class="you-like" style="width: 23%; float: right;">

        <div class="s-bar">热门用户
            <a class="i-load-more-item-shadow" href="#"><i class="am-icon-refresh am-icon-fw"></i>更多</a>
        </div>

        <div class="s-content" style="">
            <div class="card-box widget-user">
                <div>
                    <img src="/static/assets/i/user.png" class="img-responsive img-circle" alt="user" >
                    <div class="wid-u-info">
                        <h4 class="m-t-0 m-b-5 font-600">Chadengle</h4>
                        <small class="text-custom"><b>网络组主管</b></small>
                    </div>
                </div>
            </div>
        </div>
        <div class="s-content" style="">
            <div class="card-box widget-user">
                <div>
                    <img src="/static/assets/i/user02.png" class="img-responsive img-circle" alt="user">
                    <div class="wid-u-info">
                        <h4 class="m-t-0 m-b-5 font-600">Chadengle</h4>
                        <small class="text-warning"><b>管理员</b></small>
                    </div>
                </div>
            </div>
        </div>
        <div class="s-content" style="">
            <div class="card-box widget-user">
                <div>
                    <img src="/static/assets/i/user03.png" class="img-responsive img-circle" alt="user">
                    <div class="wid-u-info">
                        <h4 class="m-t-0 m-b-5 font-600">Chadengle</h4>
                        <small class="text-success"><b>设计师</b></small>
                    </div>
                </div>
            </div>
        </div>
        <div class="s-content" style="">
            <div class="card-box widget-user">
                <div>
                    <img src="/static/assets/i/index.jpg" class="img-responsive img-circle" alt="user">
                    <div class="wid-u-info">
                        <h4 class="m-t-0 m-b-5 font-600">Chadengle</h4>
                        <small class="text-info"><b>开发者</b></small>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="you-like" id="root2">
        <!--div class="s-bar">推荐
            <a class="am-badge am-badge-danger am-round">民谣</a>
            <a class="am-badge am-badge-danger am-round">摇滚</a>
            <a class="i-load-more-item-shadow" href="#"><i class="am-icon-refresh am-icon-fw"></i>换一组</a>
        </div>

        <div class="s-content" style="border-top: 1px solid #E8EEF2;">
            <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-lg-4 am-avg-md-3 am-gallery-default">
                <li style="float: left; width: 25%">
                    <div class="am-gallery-item am_list_block">
                        <a href="###" class="am_img_bg">
                            <img src="/static/assets/i/01.jpg"/>
                        </a>

                        <div class="am_listimg_info"><span class="am-icon-heart"> 132</span><span
                                class="am-icon-comments"> 67</span><span class="am_imglist_time">15分钟前</span></div>

                    </div>
                    <a class="am_imglist_user"><span class="am_imglist_user_ico"><img src="/static/assets/i/kj.png"
                                                                                      alt=""></span><span
                            class="am_imglist_user_font">路见不平Eason吼</span></a>
                </li>
            </ul>
        </div>
    </div-->
</div>


<script src="/static/react/js/jquery.min.js"></script>
<script src="/static/react/js/amazeui.min.js"></script>

</body>
</html>